<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单标签</title>
</head>
<body>
<!--
        form,用于定义表单的，可以定义一点范围，范围代表采集用户数据的范围
            *属性：
                *action:指定提交数据夫人URL
                *method:指定提交方式
                    *分类：一共7种，2种比较常见
                        get:
                            1.请求参数会在地址栏中显示
                            2.请求参数大小是有限制的
                            3.不太安全
                        post:
                            1.请求参数不会在地址栏中显示，会封装在请求体中
                            2.请求参数大小没有限制
                            3.较为安全
              *表单项中的数据要想被提交，必须指定其name属性

            *表单项标签：
                    *input:可以通过type属性值，改变元素展示的样式
                        *type属性：
                            *text:文本框输入,默认值
                                *placeholder:指定输入框的提示信息，当输入框的内容发生变化时，会自动清空提示信息
                            *password:密码输入框
                            *radio:单选框
                                *注意：
                                    1.想要让多个单选框实现单选的效果，则多个单选框的name属性值必须一样。
                                    2.一般会给每一个单选框提供value属性，指定其被选中后提交的值
                                    3.checked属性，可以指定默认值
                            *checkbox:复选框
                         *label:指定输入项的文字描述信息
                            *注意：
                                *1.label的for属性一般会和input的 id属性值 对应。如果对应了，则点击label区域，会让input输入框获取焦点
                     *select:下拉列表
                     *textarea:文本域
-->

<form method="get" action="#">
    <lable>用户名</lable>：<input type="text" name="username" placeholder="请输入用户名"><br>
    密码：<input type="password" name="password" placeholder="请输入密码"><br>
    性别：<input type="radio" name="gender" value="male">男
          <input type="radio" name="gender" value="female">女
    <!--单选框type为radio 多个同类型的单选框name必须一样-->
    <br>
    爱好：<input type="checkbox" name="hobby" value="shopping">打球
    <!--value可以很容易往后台传输数据，但在输出时不影响-->
    <!--如果多选，则name属性需不一样-->
          <input type="checkbox" name="hobby" value="java">睡觉
          <input type="checkbox" name="hobby" value="game">游戏
    <br>
    <input type="submit" value="登录">
    <input  type="reset" name="da wang" value="重置密码">

</form>
</body>
</html>